<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>jp页面</title>
</head>
<body>
<input type="text" id="i1">
<input type="button" value="按钮" id="b1">
<div id="d1"></div>

<!--引入本地jQuery框架文件-->
<!--<script src="../js/jquery-1.4.2.js"></script>-->
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
<!--script如果引入了文件就不能在标签体内写代码-->
<script>
    // let d1 = document.getElementById("d1");
    // d1.innerText=("测试成功!");

    //等效上面两行
    $("#d1").text("测试成功!")
    //找到按钮并给按钮添加点击事件
    $("#b1").click(function(){
        let info = $("#i1").val()
        $("#d1").text(info);
    })
    // $("#d1").text("测试成功!")
    // $("$b1").click(function(){
    //     let info = $("#i1").val()
    //     $("#d1").text(info);
    // })


</script>

</body>
</html>